<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*@import 'font_2960412_kg496zko3aq.css';*/



@font-face {

    font-family: Politica;

    src: url(../fonts/13d2cedddcee4d9b862aec1c1addc2d4.woff) format("truetype")

}



table,td,input{font-family: "å¾®è½¯é›…é»‘"}

.color-gray{color: #999}

/*img{-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1)}*/



.head-bg{border-bottom: 1px solid #3c4b90; width: 100%;height:80px;position: absolute; top: 0;z-index: 100;display: flex; justify-content: space-between; align-items: center; }

.head,.wly-info{width:65%; margin:0 auto; clear: both; color: #fff; display: flex; justify-content: space-between; align-items: center;  }

/*.menu ul{display: flex;}

.menu ul li{padding:0 20px; font-size: 16px; height: 80px; line-height: 80px; position: relative;}

.menu ul li a{ color: #fff}

.menu ul li.select::after,.menu ul li:hover:after{display: block; content: ""; position: absolute; bottom:0; height: 2px; left: 50%;margin-left:-30px;width:60px;background: #24aff5}*/

.navbox{position:relative;z-index:1000; width: calc(100% - 250px); margin-left: calc(100vw * 100 / 1920)}

.navbox,.nav li,.nav li.current a,.nav li.selected a span,.nav li a.selected,.nav li a.selected span{position: relative;}

.nav li a.selected::after,.nav li a:hover span::after{display: block; content: ""; position: absolute; bottom:0; height: 2px; left: 50%; margin-left: -30px; width:60px;background: #24aff5}

.nav{width:100%;margin:0 auto; }

.nav .clearfix{display: flex;}

.nav li{flex: 1;height:80px;padding:0 3px 0 2px;position:relative;display: flex;    justify-content: center;    align-items: center;}

.nav li.last{background:none;}

.nav li a{float:left;display:block;padding:0 0 0 4px;height:80px;overflow:hidden;color: #fff}

.nav li a:hover span{color: #24aff5}

.nav li a span{float:left;display:block; width: 100%; padding:0 4px 0 0;line-height:80px;font-size:16px;color:#fff;cursor:pointer;width:100%;text-align:center;}

.nav li.selected a,.nav li a.selected{text-decoration:none;}

.nav li.selected a span,.nav li a.selected span{color:#24aff5;}

.nav li.selected .submenu{display:block;}

.nav li .submenu{display:none;position:absolute;top:0;left:-10px!important;}

.nav li .submenu{border-style:solid;border-width:0px 1px 1px 1px;border-color:rgba(255,255,255,.2);padding:0 5px 5px 5px;width:150px;background:rgba(255,255,255,.2);}

/*.nav li .submenu{-moz-border-radius:0 0 3px 3px;-webkit-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;-moz-box-shadow:0 5px 5px #D3D3D3;-webkit-box-shadow:0 5px 5px #D3D3D3;box-shadow:0 5px 5px #D3D3D3;}*/

.nav li .submenu li{float:none;padding:0;background:none;height:auto;border-bottom:dotted 1px rgba(255,255,255,.2);}

.nav li .submenu li:last-child{border:none;}

.nav li .submenu li a{float:none;padding:0;text-align:center;height:45px;line-height:45px;background:none; width: 100%}

.nav li .submenu li a:hover{background:rgba(255,255,255,.15);font-weight:800; }







.ly-banner{position: relative;}

.ly-banner img{width: 100%}

.swiper-bottom-bg{background: rgba(0,16,46,.4); height: 15%; position: absolute; width: 100%; bottom:0; z-index: 2}

.swiper-bottom{width: 65%; margin:0 auto; height: 100%; display: flex; justify-content:space-around; align-items: center;}

.swiper-bottom-item{display: flex;align-items: center; color: #fff; /*border-left: 1px solid #56608e*/}

.swiper-bottom-item img{width: 30px; height: 30px; margin-right: 10px;}

.swiper-bottom-item span b{color:#2bb4fd; font-weight: normal; display: block; font-size:calc(100vw * 18 / 1920);}

.swiper-text{position: absolute; top: 30%; left: 20%; z-index: 100; color: #fff; font-weight:bold; text-align: left; font-size: calc(100vw * 50 / 1920)}

.swiper-btn{border-radius: 50px; background: linear-gradient(to right, #2db8fd , #127ff6); padding: 10px 40px; font-size:calc(100vw * 21 / 1920); font-weight: normal; letter-spacing: 5px}







.ly-title{text-align: center; margin:40px 0;overflow: hidden;}

.max-title{font-size:calc(100vw * 38 / 1920); font-weight: bold; color: #333;}

.max-title span{font-weight: bold; color: #0f7de3; margin-right:10px;text-transform: uppercase;}

.min-title{color: #888;margin-top:18px;}

.min-title span{ position: relative; font-size: 15px}

.min-title span::after{display:block; content:"";position: absolute; height: 1px;overflow: hidden; background: #ccc; top:-10px; width: 100%}

.min-title span::before{display:block; content:"";position: absolute; height:3px;overflow: hidden; background: #1688f7; top:-11px; width: 24px; z-index: 100; left:50%; transform: translate(-50%,0);}

.list-1 li{ height: 35px; }

.list-2 li{float: left; width: 50%; height: 35px;}

.list-img a{display: inline-block; width: 32.5%;margin-right: 3px; text-align: center;}

.list-img img{ height: 150px; width: 100%; margin-bottom: 5px}

.list-img p{width: 100%; height: 35px; line-height: 35px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.menu-intr{}

.menu-intr dl dt{float: left; width: 300px; margin-right: 40px;}

.menu-intr dl dt img{width: 100%;}

.menu-intr dl dd{float: right; width: 830px; text-align: justify; line-height: 30px;}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{ opacity: 0; transition: 0.8s;}

#navlist .swiper-button-next{ background: url(../fonts/right.svg) no-repeat right center; background-size: 20px;right:-5px}

#navlist .swiper-button-next:hover{background: url(../fonts/right2.svg) no-repeat right center;background-size: 20px;right:-5px; transition: 0.8s}

#navlist .swiper-button-prev{background: url(../fonts/left.svg) no-repeat right center; background-size: 20px;left:-5px}

#navlist .swiper-button-prev:hover{background: url(../fonts/left2.svg) no-repeat right center; background-size: 20px;left:-5px; transition: 0.8s}



.menu-cont .title{font-size: 16px;  font-weight: bold;margin-bottom: 20px;}

.menu-cont .title i{font-weight: bold; font-size: 18px; margin-left: 8px;}

.min-nr{float: left; width: 750px;  padding-left: 50px; position: relative; }

.min-list{float: left; width: 410px; overflow: hidden;}

.min-list li{height: 35px; line-height: 35px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px;}

.min-list a{color: #666}

.min-img{width: 260px;overflow: hidden; background: #f2f2f2;  float: left; margin-right: 20px; margin-top: 5px;}

.min-img img{width: 100%}



.Service-box { background: #f5f5f5; padding: 40px 0}

.Service-content {width: 1200px;margin: 0 auto;padding: 0; overflow: hidden;}

.Service-item {display: block;width: 200px;padding: 30px 16px;background: #fff;text-align: center;float: left;height: 240px;margin: 0 0 10px;border: 1px solid #E7E7E7;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-radius: 10px;overflow: hidden;}

.Service-content .Service-item {-webkit-transition: all 160ms;transition: all 160ms;}

.item-image {display: inline-block;height: 100px;width: 100px;line-height: 100px;text-align: center;border: 3px solid transparent;margin: 0;border-radius: 100%;-ms-box-sizing: border-box;-o-box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 160ms;transition: all 160ms;}

.item-image img {width: 100%;height: 100%;display: block;border: none;}

.item-title {line-height: 25px;font-size: 18px;color: #3D3D3D;padding: 22px 0 7px;font-weight: normal;}

.item-text {color: #9A9A9A;font-size: 12px;line-height: 17px;height: 34px;overflow: hidden;}

.item-link {color: #FFFFFF;display: none;padding: 6px 20px;background-color: #05A6F3;margin: 17px auto;font-size: 14px;line-height: 25px;border-radius: 5px;-webkit-transition: all 160ms;transition: all 160ms;font-weight: normal;}

.Service-item:hover {border-color: #DEDDDD; position: relative;z-index: 99;text-decoration: none;-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);/*-webkit-transform: translate3d(0, -3px, 0);transform:translate3d(0, -3px, 0);*/}

.Service-item:hover .item-image {height: 60px;width: 60px;line-height: 60px;margin: 0 auto;}

.Service-item:hover .item-link {display: block;}

.Service-item:hover .item-title {padding: 10px 0 7px;}

.Service-item + .Service-item {margin-left: 50px;position: relative;}

.item-tag {width: 67px;height: 67px;color: #FFFFFF;position: absolute;-webkit-transform: rotateZ(-315deg);transform: rotateZ(-315deg);top: 9px;right: 9px;font-size: 12px;line-height: 17px;}

.item-background {width: 67px;height: 67px;position: absolute;top: 0px;right: 0px;}

.item-background img {width: 100%;height: 100%;}



.bg1::after,.bg2::after,.bg3::after,.bg4::after,.bg5::after,.bg6::after{ position: absolute; width: 150px; height: 1px; overflow: hidden; display: block;  content: ""; bottom:0; left: 30px; background: #0891d7; }

.bg1 span a:hover,.bg2 span a:hover,.bg3 span a:hover,.bg4 span a:hover,.bg5 span a:hover,.bg6 span a:hover{background: #0891d7; color: #fff; border-radius: 2px; font-size: 12px; padding: 1px 4px;}

.bg2::after,.bg2 span a:hover{background: #3bbb64;}

.bg3::after,.bg3 span a:hover{background: #eb9000;}

.bg4::after,.bg4 span a:hover{background: #2fafba;}

.bg5::after,.bg5 span a:hover{background: #7164cd;}

.bg6::after,.bg6 span a:hover{background: #e62229;}



.step{background: #fff; overflow: hidden;}

.step:nth-child(2n){background: #f8f9fb}

.step-title-x{ border-bottom: 1px solid #ddd;}

.step-title{margin: 0 auto; width: 1200px; overflow: hidden; clear: both; color: #666; font-size: 27px; font-weight: 500; position: relative;}

.step-title span{float: right; font-size: 14px; color: #666; margin-top:12px; display: block; height: 20px; overflow: hidden; width: 800px; text-align: right;}

.step-title span i{color: #999; display: inline-block; margin: 0 10px; font-size: 12px}

.step-text{width: 150px; text-align: center; height: 43px; margin-left: 30px;}

.step-text-en{margin: 0 auto; width: 1200px; overflow: hidden; clear: both; color: #acacac; font-size: 14.5px; font-family: arial}

.step-text-en span{display: block; width: 210px; text-align: center; margin-top: 3px; font-size: 16px}





.bg-blue{padding-bottom:calc(100vw * 60 / 1920);}

.bg-1{background: url(../images/case_bg.jpg); display: block; overflow: hidden;}

.Cloud{width: 65%;margin:0 auto; position: relative; display:flex; justify-content: flex-end; }

.Cloud2{width: 65%;margin:0 auto; position: relative; display:flex; }

.Cloud-left{position: absolute; width:50%;height: 60%;background: #fff;box-shadow: 0px 0px 70px rgb(157 179 208 / 40%);left: 0;top: 60px;padding:40px 50px;border-radius: 10px; z-index: 10}

.Cloud-pc{background: url(../images/pc_15.png) no-repeat; position: relative; width:60%; background-size:contain;}

.Cloud-pc .pc-img{width: 93%; padding-bottom: calc(27%); margin:4% auto 0;}

.Cloud-pc .pc-img img,.Cloud-pc-2 .pc-img img{width: 100%; height: 100%}



.Cloud-pc-2{background: url(../images/pc_15.png) no-repeat; position: relative; width:80%; background-size:100%; margin:0 auto;}

.Cloud-pc-2 .pc-img{width:93%; padding-bottom: calc(27%); padding-top: 4%; margin:5% auto 0;}



.Cloud-title{font-size: calc(100vw * 24 / 1920); color: #6054ff}

.Cloud-title b{font-size: calc(100vw * 36 / 1920); text-transform: capitalize;}

.Cloud-text{color:#828b9f; font-size:16px; margin-top: 15px;line-height: 30px;}

.Cloud-img{text-align: center; margin-top: 30px;}





.Cloud-right{position: absolute; width:50%;height: 51%;background: #fff;box-shadow: 0px 0px 70px rgb(157 179 208 / 40%);right: 3%;top: 18%;padding:40px 50px;border-radius: 10px; z-index: 10; overflow-y:auto;}

.Cloud-tel{background: url(../images/tel.png) no-repeat; position: relative; width:50%; background-size:100%; margin-left: 3%}

.Cloud-tel .pc-img{width: 55%;  margin:8% 0 0 9%;padding-bottom: calc(10%);}

.Cloud-tel .pc-img img{width: 100%; height: 100%; border-radius: 40px;}

.Cloud-right2{position: absolute; width:57%;height:100%; right: 0; z-index: 10; overflow-y:auto;}

.Cloud-right2 .Cloud-text{text-align: left;}

.Cloud-right2 .Cloud-text p{margin-top: 20px; font-size:17px}

.Cloud-right2 .Cloud-img img{border-radius: 8px; box-shadow: 0 0 5px #eaeaea}





.ly-pro{width:1200px; margin:0 auto; overflow: hidden; position: relative;}

.ly-pro-title{background:url(../images/title_04.png) no-repeat; width: 498px; height: 109px; line-height: 100px; font-size: calc(100vw * 36 / 1920); text-align: center; margin:50px auto;}

.ly-pro .ly-pro-bg{width: 1172px; padding-bottom: 80px}

.ly-pro-list{position: absolute; z-index: 100; top: 0; left: 0}

.ly-pro-list ul li{width: 165px; text-align: center;}

.ly-pro-list ul li img{width: 100%; border-radius: 50%; display: block;transform: scale(1);transition:all .8s;}

.ly-pro-list ul li img:hover{ transform: scale(1.3); transition:all .8s; cursor: pointer; border-radius: 0 }

.ly-pro-list ul li span{color: #666;font-size: 16px; margin-top: 20px;}

.ly-pro-list ul li{position: absolute;}

.ly-pro-list ul li:nth-child(1){top:115px; left:95px}

.ly-pro-list ul li:nth-child(2){top:375px; left:10px}

.ly-pro-list ul li:nth-child(3){top:631px; left:67px}

.ly-pro-list ul li:nth-child(4){top:825px; left:222px}

.ly-pro-list ul li:nth-child(5){top:900px; left:484px}

.ly-pro-list ul li:nth-child(6){top:115px; left:895px}

.ly-pro-list ul li:nth-child(7){top:365px; left:995px}

.ly-pro-list ul li:nth-child(8){top:637px; left:930px}

.ly-pro-list ul li:nth-child(9){top:825px; left:752px}





.ly-service-st1{background: url(../images/bg_st1.png); text-align: center;position: relative;}

.ly-service-st2,.ly-service-st4,.ly-service-st3{background: url(../images/bg_st2.png) #2e73dd; text-align: center;position: relative;}

.ly-service-st2::after{background: url(../images/st2_01.png) no-repeat center #2e73dd; display: block;content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.ly-service-st4::after{background: url(../images/st4_01.png) no-repeat center #2e73dd; display: block;content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;}



.ly-service-st1 img,.ly-service-st3 img{width:100%;max-width: 1214px; z-index:100}

.ly-service-st2 img,.ly-service-st4 img{width:100%;max-width: 1214px; z-index:100; position: relative;}



.title4{background: url(../images/title_03.png) no-repeat center; text-align: center; font-size:45px;color: #2e73dd; font-weight: bold; padding:50px 0;}

.ly-service-st3 .title4{background: url(../images/title_03_2.png) no-repeat center;color: #fff}



.ys{width:60%; margin: 0 auto; overflow: hidden; clear: both; position: relative; color: #fff; display: flex; padding: 30px 0 60px}

.ys-text{ font-size: 17px; flex:.7;  margin:0 calc(100vw * 70 / 1920);text-align: left; text-align: justify;}

.ys-text p{margin-top: 20px;}

.ys-img{flex:1; }

.ys-img ul{display: flex; flex-wrap: wrap;}

.ys-img ul li{width: calc(100% / 3 - 30px); margin:30px 30px 0 0; overflow: hidden;}

.ys-img ul li:nth-child(3n){margin-right: 0}

.ys-img ul li img{width: 100%}



.ly-footer-bg{ background: #000715;}

.ly-footer{width:65%; margin: 0 auto; overflow: hidden; clear: both; position: relative; color: #fff; display: flex;}

.ly-footer-l{border-right: 1px solid #2f3745; padding: calc(100vw * 40 / 1920); margin-right: calc(100vw * 60 / 1920); flex: 1.2; display: flex;}

.ly-footer-r{flex: 2; display: flex;padding: calc(100vw * 40 / 1920) 0 ;}

.ly-footer-r dl{flex: 1;}

.ly-footer-r dl:last-child{flex: 2}

.ly-footer-r dl dt{font-size: calc(100vw * 16 / 1920); margin-bottom: 15px;}

.ly-footer-r dd{font-size: 14px; line-height: 25px;}

.ly-footer-r a{color: #fff;}

.ly-footer-r dd b{font-family: "Politica"; font-size: calc(100vw * 40 / 1920); font-weight: bold; display: block; margin: 10px 0;}

.ly-footer-bottom{height: 55px; line-height: 55px; text-align:center; color: #fff; background:#000715; font-size: 12px; border-top: 1px solid #2f3745; overflow: hidden; text-transform: uppercase;}



.link-title{background: #1c7afe; color: #fff; width: 30px;margin-right: 20px; text-align: center; display: flex; justify-content: center; align-items: center; border-radius: 20px; font-size: 16px; position: relative;}

.link-title::after{display: block; content: ""; width: 0; height: 0; position: absolute;z-index: 10; top: 50%; left: 30px;

border-bottom:8px transparent solid;

border-left:8px #1c7afe solid;

border-right:8px transparent solid;

border-top:8px transparent solid;

}

.link-list{width: calc(100% - 50px); overflow: hidden;}

.link-list ul{display: flex; flex-wrap: wrap; height: 100%; border-left:1px solid #2f3745;border-bottom:1px solid #2f3745; overflow: hidden;}

.link-list ul li{width:50%; height: 50%;padding:calc(100vw * 10 / 1920) calc(100vw * 20 / 1920); overflow: hidden; display: flex; justify-content: center; align-items: center; border-top:1px solid #2f3745;border-right:1px solid #2f3745; }

.link-list ul li img{width: 100%;}



.box1{margin: 30px auto; overflow: hidden; clear: both; width: 1200px;}

.box1-left{float: left; width: 340px; overflow: hidden; height: 340px; background: #999;padding: 6px; position: relative;}

.box1-left-new{ width: 328px; height: 328px; border:1px solid #ddd; overflow: hidden;}

.box1-left-new a img{height:328px}

.box1-left a p{height: 35px; line-height: 35px;overflow: hidden; white-space: nowrap; padding: 0 10px; text-overflow: ellipsis; position: absolute; background: rgba(0,0,0,.5); bottom: 7px; left:7px; text-align: center; width:326px; color: #fff}

.box1-center{float: left; width: 480px; margin-left: 30px; overflow: hidden;}

.box1-center ul li{padding:15px 0; border-bottom: 1px dotted #ccc; overflow: hidden;position: relative; opacity: .999;display: block;}

.box1-center ul li:first-child{padding:0 0 10px 0;}

.box1-center dl{position: relative;}

.box1-center dl dt{float: left; width:60px; color: #a6a6a6; overflow: hidden; font-family: arial; font-weight: 500; font-family:Politica; font-size: 16px; text-align: center;}

.box1-center dl dt b{font-size:37px; display: block;  text-align: center; font-weight: bold;}

.box1-center dl dt::after{width: 14px; height: 1px; overflow: hidden; background: #0891d7; display: block; content: ""; position: absolute; top: 15px; left:65px;}

.box1-center dl dd{float: right; width: 380px;}

.box1-center dl .dd{display:block;color:#555;font-size: 18px;margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/*.box1-center dl .dd a:hover,.box1-right li a:hover .dd{color: #0891d7}*/

.box1-center dl dd:last-child{ height: 44px; line-height: 20px; overflow: hidden;color: #999; font-size: 12px; text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;

}

.box1-right{ float: right; width: 320px; overflow: hidden;}

.box1-right ul li{padding: 7px 7px 2px; border:1px solid #ddd; overflow: hidden; margin-bottom: 10px}

.box1-right dl dt{float: left; width: 140px; height: 150px; overflow: hidden;}

.box1-right dl dt img{width: 100%}

.box1-right dl dd{float: right; width: 155px; overflow: hidden;}

.box1-right dl .dd{height: 40px; overflow: hidden; margin-bottom: 5px; display: block;color:#555;}

.box1-right dl dd:last-child{ height: 105px; line-height: 21px; overflow: hidden;color: #999; font-size: 12px;text-align: justify;}



.more{margin: 0 auto; width: 230px; font-size: 16px; margin-top: 20px; height:45px; line-height: 45px; text-align: center; }

.more a{color:#fff;position: relative; opacity: .999;display: block;border-radius: 2px; background: #0891d7; }

/*.more a:hover{ background: #067ebb }*/



.ly-Agricultural{margin:30px auto 0; width: 1200px; overflow: hidden; clear: both; height:530px;}

    .ly-Agricultural .swiper-container{height:100%}

    .ly-Agricultural .swiper-button-next, .ly-Agricultural .swiper-button-prev{top:43%}

    .ly-Agricultural .swiper-pagination-bullet{width:30px; height:8px; border-radius:25px;}

    /*.ly-Agricultural a{position: relative; opacity: .999;display:inline-block;}*/

    .ly-Agricultural a .service-item {

        border: 1px solid #ddd;

        border-radius: 5px;

        -webkit-box-shadow: 0 0 3px #fff;

        box-shadow: 0 0 3px #fff;

        margin-right: 22px;

        color: #666;

    }

.ly-Agricultural a:nth-child(2n) .service-item{border-radius: 0 30px 0 30px;}

.ly-Agricultural a:last-child .service-item{margin-right:0;}

.ly-Agricultural a:hover .service-item{border:1px solid #aec9d4;/*-webkit-transform: rotateY(360deg);transform: rotateY(360deg);  -webkit-transition: all 1.2s ease-in-out 0s;  transition: all 1.2s ease-in-out 0s;*/}







.business {width: 1200px; overflow: hidden; height: 430px; margin: 30px auto; clear: both; border:1px solid #eaeaea;}

.business-left{float:left; width: 290px; height: 430px; padding: 10px; background: #e6e9ee; overflow: hidden}

.business-left img{width: 100%; height: 100%; border:1px solid #fff;}

.business-left:hover{background: #efe7dc}

.business-right{float: right; width: 908px;}

.business-right ul li{float: left; width: 25%; text-align: center; height: 214px; overflow: hidden}

.business-right ul li:nth-child(2),.business-right ul li:nth-child(4),.business-right ul li:nth-child(5),.business-right ul li:nth-child(7){ background: #f3f3f3 }

.business-right ul li p img{ width: 150px; height:150px;margin-top: 20px;}

.business-right ul li p span{font-size: 16px}

/*.business-right ul li p:nth-child(2){ font-size: 21px; font-family: arial; color: #c73d43}*/

.business-right ul li p:last-child{ height:20px; /*width:170px;*/ margin-top: 10px; font-size: 14px; overflow: hidden; text-overflow:ellipsis;white-space: nowrap; color: #666}

.business-right li:hover{ border:1px solid #eb9000;}

.business-right a:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transition:all 0.8s;transition:all 0.8s;}



#menu{width:100px;height: auto; position: fixed;top: 40%;right:0;margin-top: -200px; z-index: 100; }

#menu ul{display: block;list-style: none}

#menu ul li a{width:100px; height:50px; line-height:50px; text-align: center;background-color: #fff; color: #454545; border:1px solid #ddd;display: block;margin-top: 2px; border-radius: 5px 0 0 5px;}

#menu ul li a:hover,#menu ul li a.cur{background:#0891d7;color: #fff; border:none;}

#menu ul li a i{ margin-right: 4px}

.a-drop{height: 37px; text-align: right; color: #fff}

.a-down{width: 35px; height: 35px; line-height: 35px; color:#fff; background:linear-gradient(45deg,#0891d7, #22db6c); text-align: center; border-radius: 5px 0 0 5px; float: right;}

/*.a-down:hover i{transform: rotate(180deg);  }*/

.a-down i{transform: rotate(0); transition: 0.8s;}

.collapsed.a-down i{transform: rotate(180deg); transition: 0.8s;}





.a-down:focus, .a-down:hover{color: #fff}



.market{ width: 1200px; height: 370px; overflow: hidden; margin: 30px auto; clear: both; background: url(../images/fx_182.png) no-repeat top left; padding-left:300px; }

.market-text{float: left; width: 140px; border-right: 1px solid #ddd; height: 370px; font-size: 20px; text-align: center; color: #555; position: relative;}

.market-text p{ height: 150px; line-height: 160px; position: relative; }

.market-text p::after{display: block; content: ""; width: 12px; height: 12px; border-radius: 50%; top: 50%; left:134px; position: absolute; background: #999;}

.market-right{float: right; width: 700px;}

.market-sc{border:1px solid #ddd; border-radius: 3px 3px 0 0; background: #fff; padding: 8px;  font-size: 13px;color: #777}

.market-sc table{width: 100%}

.market-sc table td{padding:8px}

.market-sc a{color: #666}

.market-sc table tr:nth-child(2n){background: #f9f9f9}

.market-sc table tr:hover{background: #e6e9ee}

.market-jg{border:1px solid #ddd; background: #fff;padding: 8px; margin-top: 20px; overflow: hidden; height: 195px;}

.market-jg dl dt{width: 160px; float: left; height: 150px; overflow: hidden;}

.market-jg dl dt img{width: 100%; height: 137px;}

.market-jg dl dd{float: right; width: 510px; line-height: 26px; font-size: 13px; color: #555}

.market-jg dl dd b{font-weight: 600}

.market-jg:hover{ border:1px solid #2fafba; }



.Tourism{ width: 1200px; margin: 30px auto; clear: both; padding:10px; background: #fff; -webkit-box-shadow: 0 0 3px #acacac; box-shadow: 0 0 3px #acacac;overflow: hidden;}

.Tourism ul li{float: left; width: 50%; height: 259px; overflow: hidden;}

.Tourism ul li dl dt{float: left;width: 50%; height: 259px; overflow: hidden;}

.Tourism ul li dl dt img{width:100%; height: 259px}

.Tourism ul li dl dd{float: right; width: 50%;padding:0 20px; line-height:22px; text-align: justify; color: #666; margin-bottom: 10px}

.Tourism ul li dl .dd{text-align:center;color: #006666; font-size: 17px; margin:10px 0}

.Tourism ul li dl .dd2{max-height: 88px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}

.Tourism ul li dl .dd3{max-height: 44px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.Tourism ul li dl dd a{width: 100px; line-height: 40px; background: #ddd; border-radius: 3px; margin: 0 auto; display: block; color: #666; text-align: center;position: relative; opacity: .999;}

/*.Tourism ul li dl dd a:hover{background: #006666; color: #fff}*/

.Tourism ul li:nth-child(3) dl dt,.Tourism ul li:nth-child(4) dl dt{float: right}

.Tourism ul li:nth-child(3) dl dd,.Tourism ul li:nth-child(4) dl dd{float: left;}

.box1-left-new:hover img,.box1-right li a:hover img,.Tourism ul li:hover img,.Financial-box ul li:hover .img img{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transition:all 0.8s;transition:all 0.8s; cursor: pointer;}



.flex{

	display: -webkit-box;

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	display: flex;

}

.justify{

	-webkit-box-pack: justify;

	-webkit-justify-content: space-between;

	   -moz-box-pack: justify;

	    -ms-flex-pack: justify;

	        justify-content: space-between;

}

.Trace{

	width: 1200px;

	margin: 0 auto;

	clear: both;

	overflow: hidden;

	display: flex;

	justify-content: space-between;

}

/*.Trace div:last-child{margin: 30px 0 20px;}*/

.Trace-info{margin: 30px 20px 30px 0; flex: 1; height: 220px; overflow: hidden; text-align:center; font-size: 18px;border-radius:5px; color: #333; border: 1px solid #eaeaea; background: #fff; position: relative;}

.Trace-info i{font-size: 31px; width: 70px; height: 70px; line-height: 70px; border-radius: 4px; background: #3bbb64; color: #fff; display: block; margin: 30px auto 20px;}

.Trace-info span{ position: absolute; bottom: 15px; right: 15px; font-size: 12px; font-weight: 500}

.Trace-info a{display: block; overflow: hidden; height: 220px; border-radius: 5px;}

.Trace .Trace-info:last-child{margin: 30px 0}

.Trace-info a:hover,.Trace-info.select{background: #3bbb64; color: #fff}

.Trace-info.select a{color: #fff}

.Trace-info a:hover i,.Trace-info.select i{background: #fff;color: #3bbb64; font-size:40px; transition: .5s;transform:rotate(360deg);}

.Trace-info a:hover span{}

.Trace-info b{position: absolute; top:9px; right:-27px; width: 100px;  height: 22px;line-height:18px;  background: #ec5706; color: #fff;  font-size:12px;text-transform: capitalize;text-align: center; transform: rotate(45deg);box-shadow: 0 0 3px #fff}

.h166{height: 166px;}

.chaxun{

	width: 800px;

	height: 220px;

	padding: 55px 0;

	-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-flow: column;-moz-box-orient: vertical;-moz-box-direction: normal;-ms-flex-flow: column;flex-flow: column;

}

.chaxun .cxkuang input{

	width: 660px;

	height: 50px;

	padding: 0 20px;

	border-radius: 2px 0 0 2px;

	border: 1px solid #ddd;

	background-color: #fff;

	font-size: 16px;

}

.chaxun .cxsubmit a{

	text-align: center;

    position: relative; opacity: .999;display: block;

    cursor: pointer;

    width: 140px;

    height: 50px;

    border-radius: 0 2px 2px 0;

    /*border-top: 1px solid #76a70f;

    border-right: 1px solid #76a70f;

    border-bottom: 1px solid #76a70f;*/

    color: #fff;

    font-size: 16px;

    line-height: 50px;

    background: -webkit-gradient(linear,  left top, left bottom,  from(#FFB300),to(#FF7B00));

    background: linear-gradient(to bottom,  #FFB300 0%,#FF7B00 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFB300', endColorstr='#FF7B00',GradientType=0 );

    background: #3bbb64;

}

/*.chaxun .cxsubmit a:hover{

    background: #31a155;

}*/

.chaxun .cxnumber li{

	text-align: center;

    width: 58px;

    height: 38px;

    border-radius: 2px;

    cursor: pointer;

    font-size: 18px;

    color: #fff;

    line-height: 38px;

    background: -webkit-gradient(linear,  left top, left bottom,  from(#A7D7EF),to(#83BFE8));

    background: linear-gradient(to bottom,  #A7D7EF 0%,#83BFE8 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A7D7EF', endColorstr='#83BFE8',GradientType=0 );

    background: #999;

    position: relative; opacity: .999;display:inline-block;

}

/*.chaxun .cxnumber li:hover{

    background: #31a155;

}*/

.chaxun .cxnumber li.cx-num-2{font-size: 14px}

.toushu{

    width: 500px;

    height: 200px;

    position: relative;

    text-align: right;

}

.toushu img{height: 220px}

.toushu a{

    position: absolute;

    right: 0;

    top: 50%;

    -webkit-transform: translate(0, -50%);transform: translate(0, -50%);

    display: block;

    width: 218px;

    height: 90px;

    border-radius: 8px;

    border:2px solid #fff;

    background: url(../images/gn_btn_ts.png) center no-repeat;

    background-size: cover;

}

#item4{

	background: url(../images/introduce.png) center bottom no-repeat;

	/*background-size: contain;*/

	height: 520px;

}



#item44{background: url(../images/bg.jpg) center top no-repeat;

height: 450px;

}



.introduce{

	width: 1000px;

	margin: 20px auto 0;

}

.introduce p{

	text-align: justify;

	font-size: 15px;

	color: #666;

	line-height: 30px;

	/*text-indent: 35px;*/

}

.introduce a{color: #666}

.introduce a:hover{color: #0891d7}

/*.introduce a{

	display: block;

	width: 110px;

	height: 30px;

	border-radius: 2px;

	margin: 50px auto 0;

	background-image: -webkit-gradient(linear, left top, left bottom, from(#4DC1F2), to(#258DE0));

	background-image: linear-gradient(-180deg, #4DC1F2 0%, #258DE0 100%);

	text-align: center;

	color: #fff;

	font-size: 12px;

	line-height: 30px;

	-webkit-transition: all 0.2s ease;

	transition: all 0.2s ease;

}

.introduce a:hover{

	-webkit-box-shadow: 0 6px 8px -4px #4DC1F2;

	        box-shadow: 0 6px 8px -4px #4DC1F2;

}*/

.industry{

	width: 1200px;

	height: 324px;

	margin: 30px auto;

	overflow: hidden;

}

.industry .swiper-container{

	width: 1200px;

	height: 324px;

}

.industry .swiper-container .swiper-wrapper{

	width: 1200px;

	height: 300px;

	/*overflow: hidden;*/

}

.industry .swiper-container .swiper-wrapper .swiper-slide{

	width: 300px;

	height: 300px;

	position: relative;

	background-position: center;

	background-size: cover;

}

.industry .swiper-container .swiper-wrapper .swiper-slide .info{

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	padding: 134px 10px 10px;

	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.00)), to(rgba(0,0,0,0.64)));

	background-image: linear-gradient(-180deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.64) 100%);

	color: #fff;

}

.industry .swiper-container .swiper-wrapper .swiper-slide .info h3{

	font-size: 26px;

	font-weight: 600;

	line-height: 36px;

}

.industry .swiper-container .swiper-wrapper .swiper-slide .info p{

	font-size: 12px;

	text-align: justify;

	height: 120px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 7;

	overflow: hidden;

}

.industry .swiper-container-horizontal&gt;.swiper-pagination-bullets{

	bottom: 0;

}

.industry .swiper-container-horizontal&gt;.swiper-pagination-bullets .swiper-pagination-bullet-active{

	background-color: #42B3ED;

}

.ly-type .swiper-container{

	overflow: visible;

}



.animate, .btn, .btn-fill-horz-o:before, .btn-fill-horz-o:after{-webkit-transition: all 0.6s;transition: all 0.6s;}

.btn-fill-horz-o {overflow: hidden;}

.btn-fill-horz-o:before, .btn-fill-horz-o:after {content: '';width: 0;height: 100%;opacity: 0;position: absolute;top: 0;z-index: -1;}

.btn-fill-horz-o:before {left: 50%;}

.btn-fill-horz-o:after {right: 50%;}

.btn-fill-horz-o:hover:before, .btn-fill-horz-o:hover:after {width: 50%;opacity: 1;}

.btn-fill-horz-o.btn-green:before, .btn-fill-horz-o.btn-green:after {background-color: #31a155; color: #fff}



.btn-fill-horz-o.btn-green:hover {border-color: #31a155;}

.btn-fill-horz-o.btn-blue:before, .btn-fill-horz-o.btn-blue:after {background-color: #355ee7; color: #fff}

.btn-fill-horz-o.btn-blue:hover {border-color: #0098de;}

.btn-fill-horz-o.btn-red:before, .btn-fill-horz-o.btn-red:after {background-color: #c5320c; color: #fff}

.btn-fill-horz-o.btn-red:hover {border-color: #c5320c;}

.btn-fill-horz-o.btn-gray:before, .btn-fill-horz-o.btn-gray:after {background-color: #f2f2f2;}

.btn-fill-horz-o.btn-gray:hover {color: #666}

.btn-fill-horz-o.btn-gray2:before, .btn-fill-horz-o.btn-gray2:after {background-color: #505a61;}

.btn-fill-horz-o a{display: block;}

.btn-fill-horz-o.btn-green:hover,.btn-fill-horz-o.btn-blue:hover a,.btn-fill-horz-o.btn-gray2:hover{color: #fff}



.s-input{height: 28px;width: 180px;border-right: 1px solid #ddd;border-left: 1px solid #ddd;margin-left:10px;padding-left: 10px; background:transparent;}

.s-chaxun{position: absolute; right: 7px; color: #999}



.seveice-content .nr{line-height: 30px; font-size: 13px; height: 155px; overflow: hidden; text-align: justify;}

/*top*/

p#back-to-top{

    position:fixed;

    display:none;

    bottom:50px;

    right:0;

    z-index: 1000;

}

p#back-to-top a{

    text-align:center;

    text-decoration:none;

    color:#fff;

    display:block;

    /*ä½¿ç”¨CSS3ä¸­çš„transitionå±žæ€§ç»™è·³è½¬é“¾æŽ¥ä¸­çš„æ–‡å­—æ·»åŠ&nbsp;æ¸å˜æ•ˆæžœ*/

    -moz-transition:color 1s;

    -webkit-transition:color 1s;

    -o-transition:color 1s;

}

p#back-to-top a:hover{

    color:#fff;

}

p#back-to-top a span{

    background:#333;

    border-radius:6px;

    display:block;

    height:40px;

    line-height: 40px;

    width:45px;

    border-radius: 5px 0 0 5px;

    /*ä½¿ç”¨CSS3ä¸­çš„transitionå±žæ€§ç»™&lt;span&gt;æ&nbsp;‡ç­¾èƒŒæ™¯é¢œè‰²æ·»åŠ&nbsp;æ¸å˜æ•ˆæžœ*/

    -moz-transition:background 1s;

    -webkit-transition:background 1s;

    -o-transition:background 1s;

}

p#back-to-top a span i{font-size:25px}

#back-to-top a:hover span{

    background:#007fc5;

}





/*å†…é¡µ*/

#box{position:absolute; left:0; top:0; bottom:0; overflow:auto; width:100%;}

/*.fixed{position:fixed; top:0;  }*/



.top-banner{overflow: hidden; box-shadow: 0 0 3px #ddd;background:url("../images/bg_02.png") no-repeat; height:300px; font-size:21px; line-height:300px; color:#fff; text-align:center;background-attachment:fixed;}

.top-banner img{ width: 100% }

.list-content{display: flex;  display: -webkit-flex; overflow: hidden; position: relative; width:70%; margin: 0 auto; }

.list-menu-bg{border-bottom: 1px solid #ddd; height: 60px;line-height: 57px;  overflow: hidden; margin-bottom: 40px;}

.list-cont{margin: 30px 0 30px 20px;overflow: hidden; width: 980px;}

.list-menu{width:210px; min-width: 140px; border-right: 1px solid #eaeaea; font-size: 16px; text-align: center; color: #555; position: relative; padding: 10px 0; }

.list-menu h3{background:#007fc4; color: #fff; font-size: 21px; height: 50px; line-height: 50px;margin-top: 10px; }

.list-menu p{ height: 50px; line-height: 50px; position: relative; z-index:1;  margin-top:10px}

/*.list-menu p::after{display: block; content: ""; width: 12px; height: 12px; z-index: 999; border-radius: 50%; top: 50%; right: -7px; position: absolute; background: #fff; border: 2px solid #ccc}*/

.list-cont-r{width:calc(100% - 210px); }

.list-cont-r2{width:85%; padding: 0 0 0 3%;margin-top: 20px}

.list-menu .des p{background: #999; }

.list-menu .des p a{color: #fff;font-size: 18px; display: block;}

/*.list-menu .des p a:hover{background:#26bd7f}*/

.list-menu .des p.select{background:#007fc4;}

/*.list-menu .des p.select,.list-menu .des p.select a,.list-menu .des p:hover,.list-menu .des p:hover a{color: #fff; cursor: pointer;}*/

/*.list-menu .des p.select::after,.list-menu .des p:hover::after{background: #00d37c;}*/

.des{ margin-right: 10px }



.news-list{margin-top: 20px; width: 100%}

.news-list li{display:block; width: 100%; opacity: .999;position: relative;padding:20px 10px 10px 17px; border-bottom: 1px solid #f2f2f2; overflow: hidden;}

.news-list li a{color: #666; width: 100%; display: flex;}

.news-list .date{ width:8%; background: #f2f2f2; height: 80px; overflow: hidden; text-align: center; position: relative; border-bottom: 1px solid #ccc; font-family: Politica; font-size: 18px}

.news-list .news-img{ width:20%; margin:0 1%;height: 150px; overflow: hidden; background:url(../images/zw.jpg) no-repeat center center #efefef;}

.news-list .news-text{width: calc(70%)}

.news-text2{float: right;width:calc(100% - 100px)}

.news-list .title{font-size:calc(100vw * 21 / 1920); height: 30px; margin-bottom: 10px; overflow: hidden;}

.news-list .title i{float: right; font-size:21px}

.news-list .cont{line-height: 26px; text-align: justify;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}

.news-list .news-img img{width: 100%;min-height: 150px}

.news-list .date b{display: block; height:50px; line-height:50px; font-size:40px;}

.news-list .jia{text-align: right; font-size: 31px; color: #ccc}

.news-list .jia i{font-size: 27px}

.news-list li:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transition:all 0.8s;transition:all 0.8s;}



.news{display: flex; display: -webkit-flex;justify-content: space-between; width: 1200px; clear: both; overflow: hidden;margin: 0 auto}

.news-left{width: 500px;}

.news-left-img {width: 500px; height: 340px; overflow: hidden;}

.news-left-img img{width: 100%; height:100%;}

.news-left a .news-left-h4{font-size: 15px;margin: 20px 0 15px; color: #333}

.news-left a:hover img{transform: scale(1.1); transition: all .5s}

.news-left-cont{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; max-height: 69px; line-height: 23px;}

.news-right{margin: 0 0 0 60px}

.news-right ul li{padding:20px 0; border-bottom: 1px dotted #ccc; overflow: hidden;position: relative; opacity: .999;display: block;}

.news-right ul li:first-child{padding:0 0 20px 0;}

.news-right dl{position: relative;}

.news-right dl dt{float: left; width:80px;height: 80px; background: #f2f2f2; color: #666; overflow: hidden; font-family: arial; letter-spacing: 2px; font-weight: 500; font-family:Politica; font-size: 18px; text-align: center;}

.news-right dl dt b{font-size:37px; display: block;  text-align: center; font-weight: bold;}

.news-right dl dd{float: right; width:calc(100% - 100px); font-size: 13px; color: #888}

.news-right dl .dd{display:block;color:#555;font-size: 16px;margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.news-right dl .dd2{height: 40px; line-height: 20px;overflow : hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;

}

.bottom-news{clear: both; background: #f5f5f5; padding: 30px 0; border-top: 1px solid #eaeaea; z-index: 100}

.chaxun2{display: flex; align-items: center;justify-content: center;}

.chaxun2 .cxkuang input{

	width:880px;

	height: 50px;

	padding: 0 20px;

	border-radius: 2px 0 0 2px;

	border: 1px solid #ddd;

	background-color: #fff;

	font-size: 16px;

}

.chaxun2 .cxsubmit a{

	text-align: center;

    position: relative; opacity: .999;display: block;

    cursor: pointer;

    width: 140px;

    height: 50px;

    border-radius: 0 2px 2px 0;

    /*border-top: 1px solid #76a70f;

    border-right: 1px solid #76a70f;

    border-bottom: 1px solid #76a70f;*/

    color: #fff;

    font-size: 16px;

    line-height: 50px;

    background: -webkit-gradient(linear,  left top, left bottom,  from(#FFB300),to(#FF7B00));

    background: linear-gradient(to bottom,  #FFB300 0%,#FF7B00 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFB300', endColorstr='#FF7B00',GradientType=0 );

    background: #3bbb64;

}



.new-content{padding:20px 40px 20px 0; font-size:15px;}

.new-content .nc-Title{font-size:calc(100vw * 34 / 1920); font-weight: bold; text-align:center; display:block; color:#006eab; margin:calc(100vw * 40 / 1920) 0 calc(100vw * 50 / 1920);}

.new-content .date { text-align:center; font-size:14px; color:#666; margin-bottom:40px; margin-top: 10px; position:relative;}

.new-content .date::before{display: block; content: ""; position:absolute; width: 20%; height: 1px; overflow: hidden; top: 10px; left: 12%; background: #ddd}

.new-content .date::after{display: block; content: ""; position:absolute; width:20%; height: 1px; overflow: hidden; top: 10px; right: 12%; background: #ddd}

.new-content .date span{background: #fff;padding: 0 20px; position: relative; z-index: 100}

.new-content .cont{line-height:28px;text-align: justify}

.new-content .cont p{margin-bottom:13px;}

.new-content .cont{max-width:100%;}

.new-content .next{ display:flex; display:-webkit-flex; margin-bottom:40px; margin-top: 40px; text-align:center; justify-content:center; align-items:center; overflow:hidden}

.new-content .next p{float:left; background:#f2f2f2; border:1px solid #ddd;  width:60px;height:60px; line-height:56px; border-radius:2px; font-family:"å®‹ä½“"; margin-right:15px; font-size:38px; text-align:center; opacity: .999; position: relative; display: block;}

/*.new-content .next p a{display:block}

.new-content .next p:hover{background:#0891d7;}

.new-content .next p:hover a{ color:#fff}*/



.ts-form{ width:80%; min-width: 1200px; margin: 30px auto 50px; clear: both; }

.ts-form p{margin-top: 20px; float: left; width: 50%}

.ts-form p label{width: 100px; display: inline-block; text-align: right}

.ts-form p .input,.ts-form p select{width:70%; height: 40px; border:1px solid #ddd; padding: 0 0 0 10px;}

.ts-form p:nth-last-child(2){width: 100%}

.ts-form p select{width:69%;}

.ts-form textarea{width: 85%; border:1px solid #ddd; padding: 10px; height: 250px; color: #666}

.ts-form .submit{ width: 150px; color: #fff; margin:30px 0 0; background: #3db2b2; text-align: center; height: 45px; border:none;font-size: 18px; letter-spacing: 3px}

.tj{ clear: both;  text-align: center;  overflow: hidden; }

.title2{font-size:31px; font-weight: 400; color: #333; text-align: center; margin: 30px 0; clear: both;}

.title2 p{ font-size: 16px; font-weight: 500; color: #666; border-top: 1px dotted #ccc; width: 800px; margin: 10px auto 20px; padding: 15px 0}







.info-bg{width: 80%; min-width: 1200px; margin: 30px auto; clear: both; position: relative;}

.info-type-title{ text-align: center; background: #ddd; height: 45px; line-height: 45px; width: 250px; margin: 0 auto 20px;}

.info-type-title::after{ display: block; content: ""; height: 30px; width: 1px;overflow: hidden; position: absolute; top:45px; left: 50%; background: #ccc}

.info-type-div ul{display: flex; display: -webkit-flex; width:95%; margin: 0 auto; position: relative;}

.info-type-div ul::after{display: block; content: ""; height: 1px; width:100%;overflow: hidden; position: absolute; top:0; left: 0; background: #ccc}

.info-type-div ul li{margin: 20px 20px 20px 0; background: #ddd; flex: 1; height: 40px; line-height: 40px; text-align: center; position: relative;}



.info-type-div ul li::after{ display: block; content: ""; height: 20px; width: 1px;overflow: hidden; position: absolute; top: -20px; left: 50%; background: #ccc}

/*.info-type-div ul li::before{ display: block; content: ""; height: 1px; width:100%;overflow: hidden; position: absolute; top: -20px; left: 50%; background: #ccc}*/

.info-type-div ul li:last-child{margin: 20px 0}

.info-type-div ul li:first-child::before{display: block; content: ""; height: 1px; width:50%;overflow: hidden; position: absolute; top: -20px; left: 0; z-index: 100; background: #fff}

.info-type-div ul li:last-child::before{display: block; content: ""; height: 1px; width:50%;overflow: hidden; position: absolute; top: -20px; right: 0; z-index: 100; background: #fff}



.info-type-div ul li a,.info-type-title a{display: block;}

.info-bg .select a,.info-type-div ul li a:hover,.info-type-title a:hover{background: #007fc4; color: #fff; width: 100%; display: block}

.info-content{border: 1px solid #ddd; margin: 30px 0; background: #f9f9f9;padding: 20px;min-height: 500px;}



.bg-gray{background: #f9f9f9; padding: 0; border-top: 1px solid #ddd}

.bg-gray .list-menu{border-right: 1px solid #ddd}



.news-fr{margin: 30px 0; width: 320px;}

.news-fr-list{ border:1px solid #e3e3e3; margin-bottom: 20px }

.news-fr-list ul{padding:0}

.news-fr-list ul li{line-height:25px; border-bottom: 1px dotted #ddd; padding: 10px; text-overflow:ellipsis; white-space: nowrap; }

.news-fr-list ul li:hover{ background: #f2f2f2 }

.news-fr-list ul li span{display: block; float: right; font-size: 12px;color: #666}

.news-fr-list ul li:last-child{border: none}

.news-fr-list ul li b{background: #999; display: inline-block; width:20px; height:20px; line-height: 20px; text-align: center; color: #fff; font-size: 12px; margin-right:8px; font-weight: 100; border-radius: 4px}

.news-fr-list ul li:nth-child(1) b{background: #dc3c42}

.news-fr-list ul li:nth-child(2) b{background: #3db2b2}

.news-fr-list ul li:nth-child(3) b{background: #dc8f3c}

.title3{ line-height: 45px; border-bottom: 1px solid #e3e3e3; background: #f2f2f2; text-align: center; font-size: 16px }





.form-bg{width: 1200px; position: absolute; z-index: 100; height: 400px;  left: 50%; transform: translate(-50% , 0);}

.form{ width: 300px; height: 300px; background:rgba(255,255,255,.91); float: right; margin-top:50px; border-radius: 4px; border: 1px solid #fff; position: relative;}

.form h4{font-size: 16px; color: #008dc8; font-weight: bold; text-align: center;height: 50px; line-height: 50px; border-bottom: 1px solid #ddd}

.form p{display: flex; justify-content: space-between; line-height: 30px;padding: 20px 20px 0 0}

.form p label{width:30px; height: 32px; background:#0891d7; text-align: center; margin-left: 20px;font-size: 13px;}

.form p label img{height: 24px; vertical-align: middle;}

.form p input[type="text"],.form p input[type="password"]{flex: 1;border: 1px solid #ddd; border-left: none; text-indent: 10px; height: 32px;}

.form p input[type="text"]:focus,.form p input:focus[type="password"]{border: 1px solid #0891d7}

.reg{position: absolute; bottom: 10px; right: 15px; font-size: 12px; font-weight: bold;}





.zhuanjia{width:772px; overflow: hidden;margin: 20px 0 0; }

.zhuanjia .title{font-size: 16px; }

.zhuanjia ul{display: flex; display: -webkit-flex; flex-wrap: wrap; margin: 20px 0 0 0; text-align: center;border:1px solid #ddd;padding: 10px 20px; background: #f5f5f5}

.zhuanjia ul li{width: 130px; margin:10px 20px 10px 0; position: relative;}

.zhuanjia ul li i{position: absolute; z-index: 1000; top: 5px; right:5px; color: #fff; width: 30px; height: 30px; border-radius: 50%; font-size: 21px;  line-height:30px;text-align: center; animation: fa-spin 1s infinite linear;}

@keyframes fa-spin {

 

	from {opacity: 0}

	to{color: #fff; opacity: 1}



}

.zhuanjia ul li:nth-child(5n){margin: 10px 0 10px}

.zhuanjia ul li img{width: 100%; border-radius: 4px; margin-bottom: 5px}

.zhuanjia ul li a:hover img{transform:scale(1.1);transition:all 0.2s}



.fwzs{width:390px;}

.fwzs .cont{text-align: justify;margin-top: 10px; font-size: 12px; color: #666; line-height: 22px; max-height: 45px; overflow: hidden;text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;

}

.fwzs h4{margin: 0}

.fwzs h4 span{font-size: 16px; border-bottom: 2px solid #eb9000;padding: 0 10px 6px}

.fwzs ul li{opacity:.999; position:relative; font-size: 14px; border:1px solid #eaeaea; border-radius: 3px; font-weight: bold; background: #f5f5f5;padding:0 5px; height: 36px; line-height: 36px; overflow: hidden; margin-top:14px;}

.fwzs ul li a{display: block;}

.fwzs ul li:hover a{color: #fff}

.fwzs ul li i{font-size: 12px}



.Financial{ width: 1200px; height: 400px;margin: 20px auto}

.Financial .swiper-container {

      width: 100%;

      height: 100%;

      margin-left: auto;

      margin-right: auto;

    }

.Financial .swiper-slide {

      display: -webkit-box;

      display: -ms-flexbox;

      display: -webkit-flex;

      display: flex;

      background: #fff;

    }



.qy-list{display: flex; flex-wrap: wrap;}

.qy-list li{flex:22%;margin: 0 3% 3% 0; background: #f5f5f5}

.qy-list li:nth-child(4n){margin-right: 0}

.qy{width: 100%;  opacity: .999; position: relative;}

.qy-img{height: 200px; padding: 10px 0;  text-align: center;}

.qy-img img{ height:180px; transform: scale(1); transition: .8s}

.qy:hover .qy-img img{transform: scale(1.3); transition: .8s; cursor: pointer;}

.qy-title{ height: 40px; line-height: 40px; text-align: center; font-size:16px; font-weight: bold; color:#333}

.qy-cont{text-align: left;font-size:13px;line-height:22px;margin:0 20px;max-height: 120px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:5;-webkit-box-orient: vertical;}

.qy-type{ text-align: right;margin:20px}

.qy-type span{width: 40px; height: 40px; border-radius: 50%; background: #0ba749; color: #fff; text-align: center; line-height: 40px; font-size: 12px}



.in-t{display: flex; justify-content: space-between; width: 1200px; margin:20px auto}



.in-xz{line-height: 24px; font-size: 15px; padding: 20px 20px 0 ;box-shadow: 0 0 8px #ddd; border-radius: 4px}

.in-xz p{margin-bottom: 10px; text-align: justify;}

.in-xz h4 span{font-size: 16px; font-weight:600; color:#0891d7; border-bottom: 2px solid #0891d7;padding: 0 10px 5px; margin-bottom:20px}

.in-xz{flex: 1;margin: 20px 40px 0 0;}

.in-xz img{width: 32%;margin: 20px 0 0}

.in-form{flex: 2;margin: 20px 0 0;}

.in-form form{display: flex; flex-wrap: wrap;}

.in-form p{margin-bottom: 10px; width: 50%}

.in-form label{width: 100px; text-align: right;}

.in-form .input{height: 33px; border:1px solid #ddd; width:calc(100% - 100px)}

.in-form textarea{line-height: 30px;border:1px solid #ddd; width:calc(100% - 100px)}

.in-form input[type=file]{display: inline-block; background: #ddd;}

.in-form span{color: #bd4300; font-weight: 600}







.dh{display: flex;}

.dh h3{flex: 1; text-align: right; background: #007fc4;padding-right: 45px; height: 45px; line-height: 45px; color: #fff; font-size:21px; font-weight: bold; position: relative;}

.dh h3::after{width:0;

height:0;

display:block;

content:"";

position:absolute;

right: -45PX;

top:0;

z-index:5;/*å…¼å®¹ie8-*/

border-bottom:22px transparent solid;

border-left:22px #007fc4 solid;

border-right:23px transparent solid;

border-top:23px transparent solid;

overflow:hidden;

}

.dh h4{flex: 2.5; text-align: left; background: #f2f2f2;padding-left:45px; height: 45px; line-height: 45px; color: #666}



.box-shadow{box-shadow: 0 0 10px #ddd; margin:10px 10px 30px; width: 100%}

.zhuanjia-list{display: flex; flex-wrap: wrap; margin-bottom: 20px;}

.zhuanjia-list li{width:18%; margin: 0 2% 2% 0; text-align: center; background: #f2f2f2;padding-bottom:10px; border-radius: 5px;overflow: hidden;}

.zhuanjia-list li:nth-child(5n){margin-right: 0;}

.zhuanjia-list li img{width: 100%; margin-bottom: 10px; border-radius: 5px 5px 0 0 }

.zhuanjia-list li p{display: flex; justify-content: space-between;padding: 0 10px; line-height: 26px;}

.zhuanjia-list li p{font-weight: 600;font-size: 14px}

.zhuanjia-list li p i{color: #df5e00;}

.zhuanjia-list li p i.gray{color: #999;}

.zhuanjia-list li a:hover img{transform:scale(1.1);transition:all 0.2s}



.zj-list li{padding:20px 10px 20px 0; border-bottom: 1px solid #ddd; display: flex; color: #666}

.zj-list li .zj-img{ width: 170px; overflow: hidden;margin-right: 20px;}

.zj-list li .zj-img img{width:100%}

.zj-text{width: calc(100% - 170px)}

.zj-text p{margin-bottom: 10px; display: flex; text-align: justify;}

.zj-text p span{flex: 1}

.zj-text p i{color: #fff; background: #df5e00; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 2px; cursor: pointer;}

.zj-text p i.gray{background: #999}



.trace-fix{}

.fixed{position:fixed; top:0;  width:100%; z-index:999;box-shadow:0 0 10px #ccc; background: #fff}

.fixed .Trace-info{margin: 10px 20px 10px 0}

.fixed .Trace .Trace-info:last-child{margin:10px 0}

.font21{font-size: 21px}

.fixed2{position: fixed; top: 60px; width: 197px}



.zl-list{ display: flex; flex-wrap: wrap;}

.zl-list li{width: 48%; margin:0 2% 2% 0; background: #f5f5f5;padding: 20px; line-height: 30px; color: #333; position: relative; overflow: hidden;}

.zl-list li:nth-chld(2n){margin:0 0 2% 0}

.zl-list li p:first-child{height: 40px; font-weight: 600; text-align: center; font-size: 18px; border-bottom: 1px solid #ddd; margin-bottom: 20px;}

.zl-list .red{color: #d45000; font-weight: bold;}

.zl-list img{margin-bottom:10px;max-width: 100%}

.zl-list .img{text-align: center;}

.zl-list .img img{border-radius: 50%; width: 240px; height: 240px; border:5px solid #fff; box-shadow: 0 0 8px #ccc}

.zl-list .end,.zl-list  .start{width: 170px; height: 35px;text-transform: uppercase; background: #ddd; font-size:14px; text-align: center; line-height:35px; color:#787878; position: absolute; right:-53px; bottom: 8px;transform:rotate(-40deg); box-shadow: 3px 0 10px #fff}

.zl-list .start{background: #d45000; color: #fff; }

.zl-list .start a{color: #fff; font-size: 12px}

.zl-list .title{text-align: center; background: #10af7c; color: #fff;width:100%; height: 40px; line-height: 40px; border-radius: 4px; font-weight: bold;margin:15px 0}

.zl-list .title a{color: #fff}

.zl-list hr{width: 100%; height: 1px; border-bottom: 1px dotted #ccc}

.zl-list .cont{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical; max-height: 90px;}

.zl-list b{ width:72px;background: #999; color: #fff; text-align: center;display: inline-block;margin-bottom: 2px;margin-right: 15px;  height: 24px; line-height: 24px; font-size: 12px; position: relative;}

.zl-list b::after{width:0;

height:0;

display:block;

content:"";

position:absolute;

right:-14px;

top:4px;

z-index:5;/*å…¼å®¹ie8-*/

border-bottom:8px transparent solid;

border-left:8px #999 solid;

border-right:8px transparent solid;

border-top:8px transparent solid;

overflow:hidden;

}



.tip{font-weight:600; height:25px; font-size: 15px; display: block; clear: both;}

.wen,.da{width: 40px; height: 40px; border-radius: 50%; background: #249b00; color: #fff; text-align: center; line-height: 40px; margin-right: 10px; font-size: 18px;}

.da{background: #c14d07; margin: 0}

.news-text3{float: right;}

.news-list2{margin: 20px 0 20px 20px}

.news-list2 .title{font-size: 16px}

.news-list2 li{margin-bottom: 20px; overflow: hidden; }

.cont2{margin: 15px 0;  background: #f9f9f9; border: 1px solid #ddd;padding: 15px; border-radius: 5px; display: flex; justify-content: space-between;opacity: .999; position: relative;}

.cont2 .nr{width: calc(100% - 50px); text-align: justify;}

.cont2 .nr img{ height: 120px; margin-right: 10px; margin-top: 10px }

.cont2 .nr p{margin-bottom: 8px;}

.news-list2 a:hover{color: #333}

.cont2 ul{margin: 0; padding: 0; width: 100%}

.cont2 ul li{display: flex; width: 100%}

.cont2 ul li + li{ margin-top: 20px;}

.cont2 ul li:nth-child(2){flex-flow: row-reverse;}

.cont2 ul li .img{flex: 1; overflow: hidden;}

.cont2 ul li .img img{width:100%}

.cont2 ul li div{flex: 1; overflow: hidden; line-height: 30px; font-size: 16px; display: flex; justify-content: center; align-items: center; flex-direction: column;}

.cont2 ul li div p:first-child{font-size: calc(100vw * 24 / 1920); font-weight: bold; margin-bottom: 10px;}

.about{width: 1200px; margin: 0 auto; clear: both; display: flex; position: relative;}

.about-img{ width: 330px; height: 400px; background: #9f3b3b; position: relative; z-index: 1; margin: 60px 60px 20px 0}

.about-img img{ width: 346px; height: 424px; margin:-50px 0 0 30px; z-index: 100;}

.about-tip{width: 20px; font-weight:bold; font-size: 12px; position: absolute; bottom: 20px; left:400px; color: #666}

.about-tip::after{display: block; content: ""; position: absolute; width: 1px; height: 60px; background: #ccc; bottom:145px; left: 5px}

.about-cont{ margin: 10px 0 0 60px; text-align: justify; font-size: 15px; line-height: 23px; color: #666}

.about-cont p{margin-top: 13px;}

.about-cont-eps{max-height: 350px; overflow: hidden;}

.about-btn{background: #e2512b; width:170px; height:40px; line-height: 40px; border-radius: 20px; text-align: center; font-size: 15px; margin-top: 30px; position: relative; opacity: .999;}

.about-btn a{color: #fff;}

.about-btn:hover{background: #d44622}









.home-news{background: url(../images/bg_03.png) no-repeat center bottom #10215c !important; padding-bottom: calc(100vw * 320 / 1920)}

.home-news .max-title,.home-news .min-title{color: #fff}

.home-news-list{width: 65%; margin: 0 auto; overflow: hidden;}

.home-news-list ul{display: flex;}

.home-news-list ul li{flex: 1; color: #fff;}

.home-news-list ul li + li{margin-left: calc(100vw * 50 / 1920)}

.home-news-list ul li a{color: #fff;}

.home-news-list ul li img{width: 100%; height:200px; border-radius: 5px; margin-bottom: 10px;transform: scale(1);transition: all .5s}

.home-news-list ul li .date{color: #8490b7; margin:10px 0;}

.home-news-list ul li .title{font-size: calc(100vw * 16 / 1920)}

.home-news-list ul li .type1{font-size: calc(100vw * 21 / 1920); font-weight: bold; margin-bottom: 10px}

.index_service_list {position: absolute;margin: 0 auto;top: -20px;left: 0;right: 0; width: 65%}

.no-gutter{display: flex;}

.no-gutter .text-center{flex: 1; text-align: center;padding-bottom: 10px;}

.no-gutter .index_service_number {color: #00a1e9;font-size: calc(100vw * 50 / 1920);font-family: "Politica"; font-weight: bold;}

.no-gutter .index_service_number sup {font-size: 20px;top: -1em;}

.no-gutter .index_service_number span{font-size: calc(100vw * 21 / 1920);}

.no-gutter .index_service_unit {color: #616881;font-size: 20px;}

.no-gutter .index_service_unitdiv {font-size: 16px;line-height: 1px;}



.map-service{ position: relative;}

.china-map{width: 748px;height: 580px;background: url(../images/index_map.png) center no-repeat;position: relative;margin: 0 auto;}

.region-list{position:absolute;left:0;top:0}

@-webkit-keyframes warn{

0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}

100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}

}



@-moz-keyframes warn{

0%{-moz-transform:scale(0);transform:scale(0);opacity:1}

100%{-moz-transform:scale(1);transform:scale(1);opacity:0}

}



@-o-keyframes warn{

0%{-o-transform:scale(0);transform:scale(0);opacity:1}

100%{-o-transform:scale(1);transform:scale(1);opacity:0}

}



@keyframes warn{

0%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:1}

100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0}

}



.area-box .dot{position:absolute;left:0;width:10px;height:10px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#00a1e9;opacity:1;filter:alpha(opacity=100)}

.area-box .pulse{position:absolute;top:-28px;left:-28px;height:66px;width:66px;border:2px solid #0080d9;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;-moz-box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;opacity:.12;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0}

.area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0}

.area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s}

.area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s}

.area-box .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s}

.area-box .delay-05{-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;-o-animation-delay:1.6s;animation-delay:1.6s}

.area-box .delay-06{-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s}

.area-box .delay-07{-webkit-animation-delay:2.4s;-moz-animation-delay:2.4s;-o-animation-delay:2.4s;animation-delay:2.4s}

.area-box .delay-08{-webkit-animation-delay:-.4s;-moz-animation-delay:-.4s;-o-animation-delay:-.4s;animation-delay:-.4s}

.area-box .delay-09{-webkit-animation-delay:-.8s;-moz-animation-delay:-.8s;-o-animation-delay:-.8s;animation-delay:-.8s}

.area-box .delay-10{-webkit-animation-delay:-1.2s;-moz-animation-delay:-1.2s;-o-animation-delay:-1.2s;animation-delay:-1.2s}

.area-box .delay-11{-webkit-animation-delay:4s;-moz-animation-delay:4s;-o-animation-delay:4s;animation-delay:4s}

.region-list.active .area-box .dot{background:#00a1e9}

.region-list.active .area-box .pulse{border-color:#00a1e9;top:-39px;left:-39px;height:88px;width:88px;-webkit-box-shadow:0 0 12px #0080d9,0 0 20px #0080d9 inset;-moz-box-shadow:0 0 12px #0080d9,0 0 20px #0080d9 inset;box-shadow:0 0 12px #0080d9,0 0 20px #0080d9 inset}

.region-list.waite .area-box .dot{background:#00a1e9}

.region-list.waite .area-box .pulse{border-color:#00a1e9}

.show-regin{position:absolute;left:2px;height:0;top:0;width:11px;opacity:0;-o-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}

.online-node .show-regin,.region-list:hover .show-regin,.underline-node .show-regin,.waite-node .show-regin{height:127px;opacity:1}

.show-regin span{width:80px;position:absolute;left:8px;top:-11px;padding:6px 10px;font-size:14px;color:#ccc;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;text-align:center;white-space:nowrap;}

.postition-10 .show-regin span{left:0}

.postition-6 .show-regin span{left:-72px}

.area-box{z-index:77}

.show-regin{z-index:66}

.region-list.active .show-regin span{position:relative;color:#ccc}

.region-list.waite .show-regin span{color:#ccc}

.postition-7.region-list.active .area-box .pulse{top:-50px;left:-50px;width:110px;height:110px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}

.postition-9.region-list.active .area-box .pulse{top:-50px;left:-50px;width:110px;height:110px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}

.postition-1 {left: 292px;top: 307px;}

.postition-2 {left: 428px;top: 445px;}

.postition-4 {left: 572px;top: 447px;}

.postition-5 {left: 538px;top: 422px;}

.postition-6 {left: 515px;top: 490px;}

.postition-7 {left: 626px;top: 174px;}

.postition-8 {left: 531px;top: 243px;}

.postition-9 {left: 583px;top: 343px;}

.postition-10 {left: 613px;top: 364px;}

.postition-11 {left: 553px;top: 297px;}

.postition-13 {left: 441px;top: 342px;}



.about-content{margin: 40px;  }

.about-content .cont{line-height: 30px; font-size: 15px;}

.about-content .cont p{margin-top: 13px; text-align: justify;}

.about-content .cont img{max-width: 100%}



.main{margin-left: calc(100vw * 150 / 1920)}

.time-axis{

	margin: 0;

	padding: 0;

	position: relative;

}



.time-axis:before{

	content: '';

	position: absolute;

	left: 93px;

	top: 15px;

	width: 1px;

	height: 100%;

	background-color: #E4E4E4;

}

.time-axis-item{

	list-style: none;

	padding-left: 150px;

	position: relative;

	line-height: 45px;

	font-size: 16px;

	color: #141414;

}

.time-axis-achievement{

	margin: 0;

	font-size: 14px;

	line-height: 30px;

	text-align: justify;	

}

.time-axis-date{

	position: absolute;

	left: 0;

	top: 0;

	color: #666;

}



.time-axis-date span{

	position: absolute;

	right: -40px;

	top: 35%;

	display: block;

	width: 13px;

	height: 13px;

	border: 1px solid #ccc;

	border-radius: 100%;

	background-color: #fff;

}

.time-axis-date span:after{

	content: '';

	position: absolute;

	left: 0;

	top: 0;

	right: 0;

	bottom: 0;

	width: 7px;

	height: 7px;

	margin: auto;

	background-color: #ccc;

	border: 1px solid #ccc;

	border-radius: 100%;

}



.time-axis-item:last-child .time-axis-date span{

	border-color: #48BEB2;

}



.time-axis-item:last-child .time-axis-date span:after{

	background-color: #48BEB2;

	border-color: #48BEB2;

}

.time-axis-title{font-weight: bold; color: #337ab7}





@media (max-width: 1340px) {

	.head,.swiper-bottom,.Cloud,.Cloud2,.wly-info,.st-info,.index_service_list,.case,.ly-footer,.home-news-list,.list-content{width:100%; }

	.st-title{font-size: 14px}

}

@media (min-width: 1340px) and  (max-width: 1600px){

	.head,.swiper-bottom,.Cloud,.Cloud2,.wly-info,.st-info,.index_service_list,.case,.ly-footer,.home-news-list,.list-content{width:80%; }

	.st-title{font-size: 14px}

}</pre></body></html>